/* pages/user/user.wxss */
page{
    background:#eee;
}
.user_info_wrap {
    height          : 45vh;
    overflow        : hidden;
    background-color: var(--themeColor);
    position        : relative;

    .user_img_wrap {
        position: relative;

        .user_bg {
            height: 50vh;
            // 高斯模糊
            filter: blur(10rpx);
        }

        .user_info {
            position  : absolute;
            left      : 50%;
            transform : translateX(-50%);
            top       : 20%;
            text-align: center;

            .user_icon {
                width        : 150rpx;
                height       : 150rpx;
                border-radius: 50%;
            }

            .user_name {
                color     : #fff;
                margin-top: 20rpx;
                font-size : 28rpx;
            }
        }
    }

    .user_btn {
        position : absolute;
        left     : 50%;
        transform: translateX(-50%);
        top      : 40%;
        border   : 1rpx solid greenyellow;
        color    : greenyellow;
        font-size: 38rpx;
        padding  : 20rpx 30rpx;
    }
}

.user_content {
    position: relative;
    .user_main {
        position : absolute;
        width    : 90%;
        left     : 50%;
        transform: translateX(-50%);
        top      : -40rpx;
        padding-bottom: 100rpx;
        color:#666;

        /* 历史足迹 */
        .history_wrap {
            background: #fff;
            display   : flex;
            box-shadow   : 0 0 10px rgba(0, 0, 0, 0.3);
            border-radius: 10rpx;
            navigator {
                flex      : 1;
                text-align: center;
                padding   : 10rpx 0;

                .his_num {
                    color: var(--themeColor);
                }

                .his_name {}
            }
        }
        /* 订单信息 */
        .orders_wrap {
            background   : #fff;
            box-shadow   : 0 0 10px rgba(0, 0, 0, 0.3);
            border-radius: 10rpx;
            margin-top   : 30rpx;

            .orders_title {
                padding      : 20rpx;
                border-bottom: 1rpx solid #ccc;
            }

            .orders_content {
                display: flex;

                navigator {
                    padding   : 15rpx 0;
                    flex      : 1;
                    text-align: center;

                    .iconfont {
                        color    : var(--themeColor);
                        font-size: 40rpx;
                    }

                    .orders_name {}
                }

            }
        }
        /* 收货信息管理 */
        .address_wrap{
            margin-top:30rpx;
            background-color: #fff;
            padding:20rpx;
        }
        /* 应用信息相关 */
        .app_info_wrap{
            background-color: #fff;
            margin-top:30rpx;
            .app_info_item{
                padding:20rpx;
                border-bottom: 1rpx solid #ccc;
            }
            .app_info_contact{
                display: flex;
                justify-content: space-between;
            }
        }
        /* 推荐 */
        .recommend_wrap{
            margin-top:30rpx;
            background-color: #fff;
            padding:20rpx;
        }
    }
}